// 导入 Vue 框架，用于创建 Vue 实例
import Vue from 'vue'
// 导入 Vuex 状态管理库，用于管理应用的状态
import Vuex from 'vuex'
// 导入 getters，getters 类似于计算属性，用于获取 store 中的状态
import getters from './getters'
// 导入 app 模块，用于管理应用的通用状态，如侧边栏、主题等
import app from './modules/app'
// 导入 settings 模块，用于管理应用的设置，如固定头部、显示 logo 等
import settings from './modules/settings'
// 导入 user 模块，用于管理用户相关的状态，如用户信息、登录状态等
import user from './modules/user'
// 使用 Vue.use() 方法安装 Vuex 插件，使 Vue 实例可以使用 Vuex
Vue.use(Vuex)
// 定义 store 的模块，将不同功能的状态管理拆分成多个模块
const store = new Vuex.Store({
  modules: {
    // 应用通用状态模块
    app,
    // 应用设置模块
    settings,
    // 用户相关状态模块
    user
  },
  // 注入 getters，使组件可以通过 this.$store.getters 访问
  getters
})
export default store
